<template>
	<div class="menu_six">
		<ol>
			<li v-for="item in list" :key="item.id">
				<p>
					<img :src="item.img"/>
				</p>
				<aside>
					<span>{{item.title}}</span>
					<p>{{item.txt}}</p>
					<label>￥{{item.price}}</label><a>起</a>
					<em>{{item.time}}</em>
				</aside>
			</li>
		</ol>
	</div>
</template>

<script>
	export default{
		name:'Menu_six',
		data(){
			return{
				list:[
					{id:1,img:'siximg/1.jpg',title:'上海出发',txt:'[向野房车 • 沐心岛]Van To Island | 足不出杭，深秋度假，荒野BC课堂，夜宿房车世界，品尝沐心味道，湘湖美学漫步2日自驾游',price:'2670',time:'5天4晚'},
					{id:2,img:'siximg/2.jpg',title:'浦东机场',txt:'[向野房车 • 太湖风光]Van To Lake | 房车自驾体验/森林亲子营地/冬日温泉泡汤/湖岸小火锅+营地烧烤BBQ，太湖全景2日游',price:'1980',time:'7天6晚'},
					{id:3,img:'siximg/3.jpg',title:'宜昌出发',txt:'[向野房车 • 如梦扬州]Van To Glamping | 夜宿房车世界，树尖上的森林冒险，领略扬州早茶文化，漫步古典个园，扬州2日自驾游',price:'2850',time:'5天4晚'},
					{id:4,img:'siximg/4.jpg',title:'北京出发',txt:'[向野房车 • 盲盒]Van To Glamping | 神秘营地户外美学+精致下午茶+山野厨房+露营装备详解+营地神秘活动！每周不同盲盒目的地+神秘日出日落点|2日游',price:'1080',time:'4天3晚'},
					{id:5,img:'siximg/5.jpg',title:'南宁出发',txt:'[向野房车 • 圣诞狂欢趴]Van To Christmas | 怪味糖挑战/圣诞树手作大赛/姜饼人体验/BC课堂圣诞火炬制作/互赠礼物/房车探秘/惊喜圣诞礼丨1-2日游',price:'3980',time:'5天4晚'},
					{id:6,img:'siximg/6.jpg',title:'海口出发',txt:'[向野房车 • 香格里拉]Van To Mountain|入住玉龙雪山营地+咫尺看神山+梅里日照金山+宿营藏家+尼丁杉林徒步+雪山下午茶+朝觐松赞林|6日慢游',price:'6522',time:'6天5晚'},
					{id:7,img:'siximg/7.jpg',title:'成都出发',txt:'[向野房车 • 桂林阳朔]Van To Karst|漓江岸边扎营+宿桂林山水之中/神秘地下河探洞/老寨山日落/相公山云雾/遇龙河竹筏漂流+麦田复古摩托|山河之秋4日游',price:'4980',time:'6天5晚'},
					{id:8,img:'siximg/8.jpg',title:'大理出发',txt:'[向野房车 • 山河靖西]Van To Karst|喀斯特地貌轻奢露营/暗河峡谷漂流/德天亚洲第壹瀑布/入住明仕田园景区酒店+竹筏体验/人文旧州古城/三大名泉鹅泉|5日游',price:'2680',time:'5天4晚'},
					{id:9,img:'siximg/9.jpg',title:'丽江出发',txt:'[向野房车 • 浪漫北海]Van To Romance | 再见“越南风情”/三大醉美“西湾日落”+美学下午茶/出海寻“渔”/野餐“广西小垦丁”/露营“海豚乡”浪漫6日游',price:'3880',time:'6天5晚'},
					{id:10,img:'siximg/10.jpg',title:'北京出发',txt:'[向野房车 • 琼崖西游记]Van To Island |领略海岛人文历史/邂逅原始海湾村落/遇见天花板级日落/玩转东方迪拜海岛/海岸沙滩精致露营/海南西线5日游',price:'390',time:'2天1晚'},
				]
			}
		}
	}
</script>

<style scoped>
	.menu_six{
		width: 100%;
		overflow: hidden;
		background-color: #efefef;
	}
	
	.menu_six li{
		background-color: #ffffff;
		width: 48%;
		float: left;
		margin: 1%;
		border-radius: 0.5rem;
		margin-top: 0.5rem;
	}
	.menu_six li:nth-of-type(even){
		margin-top: 1.5rem;
	}
	.menu_six p{
		text-align: center;
	}
	.menu_six li img{
		
		text-align: center;
		width: 96%;
		height: 10rem;
		border-radius: 0.5rem;
	}
	
	.menu_six aside{
		margin: 0 auto;
		width: 96%;
		position: relative;
		height: 5rem;
	
	}
	.menu_six aside span{
		width: 5rem;
		margin-left: 0.5rem;
		position: absolute;
		left:-0.5rem;
		bottom: 13.1rem;
		background-color: rgba(0,0,0,0.6);
		display: block;
		text-align: center;
		color: white;
		border-radius: 0.4rem 0 0.6rem 0;
		font-size: 0.5rem;
		line-height: 2rem;
		
	}
	.menu_six aside p{
		display: -webkit-box;
		-webkit-line-clamp: 2;/* 跟高度有关 */
		/* 超出盒子外的文本用省略号代替*/
		-webkit-box-orient: vertical;
		overflow: hidden;
		padding-top: 0.2rem;
		font-weight: bolder;
	}
	
	.menu_six aside label{
		margin-top: 1rem;
		display: inline-block;
		color: #ffa500;
		font-weight: bolder;
	}
	.menu_six aside a{
		color: #808080;
		font-size: 0.8rem;
		
	}
	.menu_six aside em{
		float: right;
		margin-top: 1.2rem;
		color: #808080;
		font-size: 0.5rem;
	}
</style>
